.swiper {
--swiper-theme-color: #fff;
--swiper-pagination-bottom: 1vw;
}
.mySwiper .swiper-slide img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover
}
.mySwiper .swiper-slide .slide-gif {
display: none;
}
.swiper-pagination-bullet {
width: 100px;
height: 4px;
border-radius: 10px;
background: #fff;
opacity: .3;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #fff
}
.swiper-pagination-bullet-active {
background: #fff;
opacity: 1
}
.la-blue a {
color: #0074c1
}
.label.la-blue a::after {
background-color: #0074c1
}
.la-lightblue a {
color: #00b7df
}
.label.la-lightblue a::after {
background-color: #00b7df
}
.la-green a {
color: #00bb78
}
.label.la-green a::after {
background-color: #00bb78
}
.annotation {
position: absolute;
left: 170px;
top: 432px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.label {
position: relative;
font-size: .85vw;
border-radius: 30px;
margin-left: 5px;
background-color: #fff;
-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1)
}
.label a {
padding: .268vw .9vw;
display: block;
position: relative
}
.label-b::after {
content: "";
position: absolute;
top: 96%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: .7vw solid transparent;
border-right: .7vw solid transparent;
border-top: .85vw solid #fff
}
.label-l::after {
content: "";
position: absolute;
top: 50%;
left: 95%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 1.15vw solid #fff;
border-bottom: .7vw solid transparent;
border-top: .7vw solid transparent
}
.label-tb::before {
content: "";
position: absolute;
bottom: 96%;
left: 19%;
width: 0;
height: 0;
border-left: .7vw solid transparent;
border-right: .7vw solid transparent;
border-bottom: .85vw solid #fff
}
.label-tb::after {
content: "";
position: absolute;
top: 96%;
left: 59%;
width: 0;
height: 0;
border-left: .7vw solid transparent;
border-right: .7vw solid transparent;
border-top: .85vw solid #fff
}
.label-t2::after {
content: "";
position: absolute;
bottom: 96%;
left: 60%;
width: 0;
height: 0;
border-left: .7vw solid transparent;
border-right: .7vw solid transparent;
border-bottom: .85vw solid #fff
}
.annotation {
position: absolute;
-webkit-animation: jump 2s ease-in-out infinite;
animation: jump 2s ease-in-out infinite
}
.annotation:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.label a::after {
content: "";
display: block;
width: 0;
height: 1px;
background-color: #0074c1;
position: absolute;
bottom: .3vw;
-webkit-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.annotation:hover .label a::after {
width: calc(100% - 1.6vw)
}
.annotation1 {
top: 38%;
left: 9.5%
}
.annotation2 {
top: 63.5%;
left: .3%
}
.annotation3 {
top: 62.5%;
left: 6.6%
}
.annotation4 {
top: 44%;
left: 21%
}
.annotation5 {
top: 26%;
left: 29%
}
.annotation6 {
top: 34.5%;
left: 35.85%
}
.annotation7 {
top: 53%;
left: 34.5%
}
.annotation8 {
top: 50%;
left: 42.1%
}
.annotation9 {
top: 73%;
left: 31.6%
}
.annotation10 {
top: 33%;
left: 42.7%
}
.annotation11 {
top: 20.5%;
left: 51.25%
}
.annotation12 {
top: 54.5%;
left: 48.25%
}
.annotation13 {
top: 49%;
left: 54.55%
}
.annotation14 {
top: 39%;
left: 65.65%
}
.annotation15 {
top: 43%;
left: 78.6%
}
.annotation16 {
top: 75%;
left: 64.5%
}
.annotation17 {
top: 65.3%;
left: 87.9%
}
.annotation18 {
top: 82%;
left: 89.5%
}
.annotation19 {
top: 78.5%;
left: 51%
}
.annotation20 {
top: 62.5%;
left: 74.5%
}
.annotation21 {
top: 82%;
left: 81.2%
}
@-webkit-keyframes jump {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes jump {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.feature-box {
z-index: 999;
position: absolute;
bottom: 20%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.pulse {
border-radius: 30px;
background: rgba(0, 0, 0, .4);
color: #fff;
-webkit-animation: gy 2s infinite;
animation: gy 2s infinite;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.pulse a {
color: #fff;
border-radius: 30px;
display: block;
padding: 10px 12px
}
@-webkit-keyframes gy {
0% {
-webkit-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff
}
50% {
-webkit-box-shadow: 0 0 30px 10px #fff;
box-shadow: 0 0 30px 10px #fff
}
100% {
-webkit-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff
}
}
@keyframes gy {
0% {
-webkit-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff
}
50% {
-webkit-box-shadow: 0 0 30px 10px #fff;
box-shadow: 0 0 30px 10px #fff
}
100% {
-webkit-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff
}
}
.theme-title,
.theme-title-en {
font-size: 2rem
}
.cpzx .container {
padding-top: 6%;
}
.cpzx .theme {
padding-bottom: 5%;
position: relative
}
.cpzx .theme .theme-title {
z-index: 10
}
.cpzx .theme .theme-title-en {
position: absolute;
top: 15%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
color: #f1f1f1;
font-weight: 800
}
.m-cpzx {
display: none
}
.swiper-button-prev1,
.swiper-button-next1 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: white;
padding: 10px;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
z-index: 10;
background-color: #99999924;
border-radius: 50%;
}
.swiper-button-prev1 {
left: -4%;
}
.swiper-button-next1 {
right: -4%;
}
.swiper-button-prev1:after {
content: 'prev';
}
.swiper-button-next1:after {
content: 'next';
}
.swiper-button-next1:after,
.swiper-button-prev1:after {
font-family: swiper-icons;
font-size: 20px;
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.a-box {
color: #81A9FD;
float: right;
padding: 5px 13px;
border-radius: 20px;
background-color: #fff;
white-space: nowrap;
}
.cp-box {
max-width: 1608px;
margin: 0 auto;
height: 588px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.cp-box img {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cpSwiper {
height: 100%;
}
.slide-box {
height: 100%;
}
.rmcp,
.qtcp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
gap: 8px;
}
.box-child {
border-radius: 20px;
}
.box-child>.title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 31px 0 61px;
}
.rmcp-l .box-child {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rmcp-l .box-child .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.box-list .box-child .content-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.box-list .box-child {
height: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.box-list .box-child>.title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 32px 0 57px;
}
.box-child>.title h2 {
font-size: 24px;
color: #3E71F3;
font-weight: 700;
background: -webkit-linear-gradient(0deg, #4577CC 8%, #32A4A6 92%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
letter-spacing: 1px;
}
.content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding-bottom: 20px;
}
.content .content-box {
text-align: center;
}
.content .content-box .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content-box a>.title {
display: block;
margin-top: 15px;
}
.content-box a>.title p {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding: 0;
margin: 0;
letter-spacing: 1px;
}
.content-box a>.title p::after, .swszyrtu .title p::after, .swszyrtu .title a p::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #3E71F3;
opacity: 0;
-webkit-transition: width 0.5s ease, opacity 0.5s ease;
-o-transition: width 0.5s ease, opacity 0.5s ease;
transition: width 0.5s ease, opacity 0.5s ease;
}
.swszyrtu .title p.show-underline {
color: #3E71F3;
}
.swszyrtu .title p.show-underline::after {
width: 100%;
opacity: 1;
}
.content-box a:hover p::after, .swszyrtu .title a:hover p::after {
width: 100%;
opacity: 1;
}
.content-box a>.title p:nth-child(1)::after, .swszyrtu .title a p:nth-child(1)::after {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.content-box a>.title p:nth-child(2)::after, .swszyrtu .title a p:nth-child(2)::after {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.rmcp-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 27.58%;
flex: 0 0 27.58%;
}
.box-list {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.qtcp-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 38.19%;
flex: 0 0 38.19%;
}
.qtcp-r {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.gsfw .box-child {
height: 100%;
}
.gsfw .content {
padding: 0 50px;
}
.gsfw .content-box {
height: 100%;
}
.gsfw .gsfw-img {
margin-top: 59px;
margin-bottom: 33px;
}
.gsfw p {
line-height: 1.75;
text-indent: 2em;
text-align: left;
letter-spacing: 1px;
}
.qtcp-rb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
@media (max-width: 1700px) {
.cp-box {
max-width: 1400px;
}
}
@media (max-width: 1500px) {
.cp-box {
max-width: 1200px;
}
.cp-box img {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
}
@media (max-width: 1300px) {
.cp-box img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#lljdzz img {
width: 193.16px;
}
.cp-box {
max-width: 900px;
}
.cp-box {
height: auto;
}
.rmcp,
.qtcp {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rmcp-l .box-child .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.qtcp .rmcp-l .box-child .content {
-ms-flex-direction: column;
flex-direction: column;
}
.box-list .box-child>.title {
padding: 30px 30px 0 30px;
}
.box-child>.title {
padding: 30px 30px 10px 30px;
}
.box-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.box-list .box-child {
height: auto;
width: 50%;
}
.box-list .box-child>.title {
padding: 30px 30px 10px 30px;
}
}
@media (max-width: 991px) {
.cpzx {
display: none;
}
}
.zhhyyy {
background: url(https://oss.data86.com/wp-content/uploads/2024/07/zhhyyy-bg.jpg) no-repeat;
background-position: center bottom;
background-size: cover
}
.zhhyyy .container {
padding-top: 6%;
padding-bottom: 6%
}
.zhhyyy .theme {
padding-bottom: 5%;
position: relative
}
.zhhyyy .theme .theme-title {
z-index: 10
}
.zhhyyy .theme .theme-title-en {
position: absolute;
top: 15%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #f1f1f1;
font-weight: 800;
white-space: nowrap
}
.go-btn {
position: absolute;
top: 77.3%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 0
}
.zhhyyy-title {
position: absolute;
top: 31.9%;
width: 100%;
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.zhhyyy-bg {
height: 100%;
position: absolute;
width: 100%;
top: 0
}
.cgalzs {
background: url(https://oss.data86.com/wp-content/uploads/2024/07/cgalzs-bg.jpg) no-repeat;
background-position: center top;
background-size: cover
}
.cgalzs .container {
padding-top: 6%;
padding-bottom: 6%
}
.cgalzs .theme {
padding-bottom: 5%;
position: relative
}
.cgalzs .theme-title {
color: white;
z-index: 10
}
.cgalzs .theme .theme-title-en {
position: absolute;
top: 15%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
color: #2347ab;
font-weight: 800
}
.nav-tabs {
border: 0;
background-color: rgba(255, 255, 255, .3);
border-radius: 50px
}
.nav-tabs .nav-item .nav-title {
font-size: 16px;
color: #fff;
margin-left: 10px
}
.nav-tabs .nav-item .tab-icon {
margin-right: 10px;
width: 46px;
height: 43px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.nav-tabs .nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.nav-tabs .nav-link.active {
background-color: #3e71f3
}
.nav-tabs .nav-link .hides {
display: none
}
.nav-tabs .nav-link.active .showsIn {
display: none
}
.nav-tabs .nav-link.active .hides {
display: inline-block
}
.nav-tabs .nav-link {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50px;
border: 0;
padding: 0
}
.tab .tab-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.tab .tab-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.tab .tab-item {
background-color: #fff;
border-radius: 15px;
padding: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
margin: 48px 24px 0 0
}
.tab .tab-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.tab .tab-item .img-box {
border-radius: 15px;
height: 298px;
overflow: hidden;
position: relative
}
.tab .tab-item .img-box::before {
position: absolute;
top: 0;
left: -100%;
z-index: -1;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg)
}
.tab .tab-item .img-box img {
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.tab .tab-ckgd {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tab .tab-item .title {
padding: 10px 0 0
}
.tab .ckgd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 40px 50px;
background: #f2f2f2;
border-radius: 15px
}
.tab .ckgd .iconfont {
font-size: 40px;
color: #333
}
.tab .tab-item .title {
height: 80px;
line-height: 2em;
width: 100%;
text-align: center
}
.gyps {
background: url(https://oss.data86.com/wp-content/uploads/2024/07/gyps-bg.jpg) no-repeat;
background-position: center bottom;
background-size: cover
}
.gyps>.container {
padding-top: 6%;
padding-bottom: 6%
}
.gyps .theme {
padding-bottom: 5%;
position: relative
}
.gyps .theme-title {
z-index: 10
}
.gyps .theme .theme-title-en {
position: absolute;
top: 15%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
color: #f1f1f1;
font-weight: 800
}
.gyps-top-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.gyps-topc-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.gyps-topc-left .gyps-topc-left-content {
padding: 14px 30px 0 0;
font-size: 16px
}
.gyps-topc-left .gyps-topc-left-content p {
line-height: 2em
}
.gyps-topc-right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.gyps-topc-left .des b {
font-size: 18px
}
.gyps-content {
margin: 30px 20px 0;
border-radius: 2px;
border-style: solid;
border-width: 2px;
border-color: #fff;
background: -o-linear-gradient(#f1f5fb, #fff);
background: -webkit-gradient(linear, left top, left bottom, from(#f1f5fb), to(#fff));
background: linear-gradient(#f1f5fb, #fff);
height: 177px
}
.gyps-content .content-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.gyps-content .content-item img {
width: 52px;
height: 52px;
margin-right: 20px
}
.gyps-content .content-item>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.gyps-content .content-item .content-data {
color: #3e71f3;
font-size: 18px
}
.gyps-content .content-item .content-data b {
margin-right: 5px;
font-size: 40px
}
.gyps-content .content-item:last-child b {
font-size: 30px;
padding-bottom: 10px
}
.gyps-content .content-item .content-title {
font-size: 18px
}
.header-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 14
}
.video-center {
position: relative;
padding: 14px
}
.header-video .border-line {
position: absolute;
top: 0;
left: 0;
width: 22.5%;
height: 66%;
border-top: 2px solid #cdd9e5;
border-left: 2px solid #cdd9e5
}
.header-video video {
width: calc(95% + 30px);
height: auto;
-webkit-box-shadow: 14px 14px 0 #cdd9e5;
box-shadow: 14px 14px 0 #cdd9e5
}
.gyps-header .ckgd {
color: #fff;
border-style: solid;
border-width: 2px;
border-color: #fff
}
.xwdt {
padding-top: 6%;
padding-bottom: 6%;
background: url(https://oss.data86.com/wp-content/uploads/2024/07/xwdt-bg.jpg) no-repeat;
background-position: center top;
background-size: cover
}
.xwdt .xwdt-box {
padding: 30px 0;
background-color: rgba(255, 255, 255, .7);
-webkit-box-shadow: 10px 10px 50px -25px rgba(0, 0, 0, .5);
box-shadow: 10px 10px 50px -25px rgba(0, 0, 0, .5)
}
.xwdt .theme {
padding-bottom: 3.679%;
position: relative
}
.xwdt .theme-title {
z-index: 10
}
.xwdt .theme .theme-title-en {
position: absolute;
top: 15%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
color: #f1f1f1;
font-weight: 800
}
.xwdt .xwdt-swiper {
z-index: 10
}
.xwdt .xwdt-item a {
border-bottom: 2px solid #f2f2f2
}
.xwdt .xwdt-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.xwdt .xwdt-item .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%
}
.xwdt .xwdt-item .date .date-big {
font-size: 1.75rem
}
.xwdt .xwdt-item .date .date-small {
font-size: .875rem
}
.xwdt .xwdt-item .title {
height: 76px;
line-height: 2em;
padding: 6px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.xwdt .carousel-item {
overflow: hidden
}
.xwdt .carousel-item .xwdt-img {
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.xwdt .carousel-item .date {
color: #000;
padding: 0 10px;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
border-top: 10px solid red;
background-color: #fff;
top: 15px;
right: 15px;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.xwdt .carousel-item .date .date-big {
font-size: 2.25rem
}
.xwdt .carousel-item .date .date-small {
font-size: 1.125rem
}
.xwdt .carousel-item .des {
background-color: rgba(0, 0, 0, 0.7);
color: white;
width: 100%;
padding: 17px 20px 8px;
line-height: 2em;
bottom: 0;
left: 0;
position: absolute
}
.xwdt .carousel-item .des p {
text-indent: 2em
}
.xwdt .carousel-indicators {
position: static;
margin: 0;
padding-left: 30px
}
.xwdt .xwdt-slt {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.xwdt .xwdt-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.xwdt .xwdt-content .xwdt-item-ckgd {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.xwdt .xwdt-content .active a {
border-bottom: 2px solid #3e71f3;
color: #3e71f3
}
.lxwm {
background: url(https://oss.data86.com/wp-content/uploads/2024/07/lxwm-bg.jpg) center no-repeat;
background-position: center bottom;
height: 358px;
background-size: cover
}
.lxwm .text {
text-align: center;
color: #fff;
font-size: 1.75rem;
padding: 100px 0 80px
}
.lxwm-btn {
position: relative;
display: inline-block;
border-radius: 50px;
background-color: #3e71f3;
color: #fff;
width: 220px;
text-align: center;
padding: 14px 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
overflow: hidden;
z-index: 1
}
.lxwm-btn span {
content: "";
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
background-color: #fff;
border-radius: 50%;
-webkit-transition: width .6s ease-in-out, height .6s ease-in-out;
-o-transition: width .6s ease-in-out, height .6s ease-in-out;
transition: width .6s ease-in-out, height .6s ease-in-out;
z-index: -1
}
.lxwm-btn:hover {
color: #3e71f3;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.lxwm-btn:hover span {
width: 600px;
height: 600px
}
.tab .tab-item:hover .img-box img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s
}
@-webkit-keyframes shine {
100% {
left: 100%
}
}
@keyframes shine {
100% {
left: 100%
}
}
.tab .tab-item:hover .img-box::before {
-webkit-animation: shine .75s;
animation: shine .75s;
z-index: 1
}
.xwdt .xwdt-item a:hover {
border-bottom: 2px solid #3e71f3
}
.xwdt .xwdt-left::before {
position: absolute;
top: 0;
left: -100%;
z-index: -1;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg)
}
.xwdt .xwdt-left:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
z-index: 1
}
.xwdt .xwdt-left:hover .xwdt-img {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.xwdt .xwdt-left:hover .des {
background-color: rgba(36, 76, 174, 0.7)
}
.tab .ckgd:hover .iconfont {
color: #3e71f3
}
.zhhyyy-item {
overflow: hidden
}
.zhhyyy-item:hover .zhhyyy-bg {
background-color: rgba(36, 76, 174, 0.7)
}
.zhhyyy-item:hover {
z-index: 10;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-box-shadow: 25px 6px 37px 1px rgba(0, 0, 0, .5);
box-shadow: 25px 6px 37px 1px rgba(0, 0, 0, .5)
}
.zhhyyy-item:hover .go-btn {
opacity: 1;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s
}
@media(max-width:1600px) {
.cpzx .cp-box .cp-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.gyps-content {
bottom: -233px
}
.xwdt::after {
top: 53%;
height: 50%
}
}
@media(max-width:1200px) {
.header-left .des {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden
}
.gyps-header .ckgd {
position: absolute;
bottom: -295px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.xwdt::after {
top: 49%;
height: 42%
}
}
@media(max-width:1100px) {
.navbar .nav-right {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4
}
}
@media(max-width:991px) {
.swiper-slide.swiper-img1 img {
content: url(https://oss.data86.com/wp-content/uploads/2024/09/gxywbanner-mobile-scaled.jpg)
}
.annotation {
visibility: hidden;
opacity: 0
}
.mySwiper .swiper-slide .slide-video {
display: none;
}
.mySwiper .swiper-slide .slide-gif {
display: block;
}
.m-cpzx {
background: url(https://oss.data86.com/wp-content/uploads/2024/07/cpzx-bg.jpg) no-repeat;
background-position: center bottom
}
.m-cpzx .container {
padding-top: 10%;
padding-bottom: 10%
}
.m-cpzx .theme {
padding-bottom: 8%;
position: relative
}
.m-cpzx .theme-title {
z-index: 10
}
.m-cpzx .theme .theme-title-en {
position: absolute;
top: 22%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
color: #f1f1f1;
font-weight: 800
}
.m-cpzx {
display: block
}
.m-cpzx .box-item-icon {
width: 35px
}
.m-cpzx .m-cpzx-content .m-cpzx-item .hides {
display: none
}
.m-cpzx .m-cpzx-content .m-cpzx-item.active .showsIn {
display: none
}
.m-cpzx .m-cpzx-content .m-cpzx-item.active .hides {
display: inline-block
}
.m-cpzx .m-cpzx-swiper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.m-cpzx .m-cpzx-content .active {
background-image: -o-linear-gradient(top left, #09a5e0, #076ad7);
background-image: -webkit-gradient(linear, left top, right bottom, from(#09a5e0), to(#076ad7));
background-image: linear-gradient(to bottom right, #09a5e0, #076ad7);
color: #fff
}
.m-cpzx .m-cpzx-content .active>.iconfont {
color: #fff
}
.m-cpzx .m-cpzx-item {
padding: 2px;
background-image: -o-linear-gradient(top left, #fefefe, #dfe6f0);
background-image: -webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#dfe6f0));
background-image: linear-gradient(to bottom right, #fefefe, #dfe6f0);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
margin-bottom: 1%;
font-size: 14px
}
.m-cpzx .m-cpzx-item .iconfont {
font-size: 20px
}
.m-cpzx .carousel-indicators {
position: static;
margin: 0
}
.m-cpzx .carousel-item>.content-cp-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-cpzx .carousel-item>.content-cp-item>div {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: #fff;
background-image: -o-radial-gradient(#fefefe, #dfe6f0);
background-image: radial-gradient(#fefefe, #dfe6f0)
}
.m-cpzx .carousel-item>.content-cp-item .main-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.m-cpzx .carousel-item>.content-cp-item.m-rjpt .main-item .img-box,
.m-cpzx .carousel-item>.content-cp-item.m-rtu .main-item .img-box {
max-width: none;
}
.m-cpzx .carousel-item>.content-cp-item.m-ybcgq .main-item .img-box {
height: auto;
}
.m-cpzx .carousel-item>.content-cp-item.m-zysb .main-item .img-box {
height: 125px
}
.m-cpzx .carousel-item>.content-cp-item>div a {
text-align: center;
padding: 10px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.m-cpzx .carousel-item .fw-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-style: solid;
border-width: 1px;
border-color: #fff;
background-image: -o-radial-gradient(#fefefe, #dfe6f0);
background-image: radial-gradient(#fefefe, #dfe6f0)
}
.m-cpzx .carousel-item .fw-item [class^="fw"] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.m-cpzx .carousel-item .fw-item p {
padding: 5% 0 0 5%;
text-indent: 2em
}
.m-cpzx .carousel-item>.content-cp-item .img-box {
max-width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.m-cpzx .carousel-item>.content-cp-item .img-box.lljd {
max-width: 100%;
height: 128px;
}
.m-cpzx .carousel-item>.content-cp-item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.m-cpzx .ckgd-item {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.m-cpzx .ckgd {
display: block;
border-radius: 15px;
background-image: -o-linear-gradient(top left, #09a5e0, #076ad7);
background-image: -webkit-gradient(linear, left top, right bottom, from(#09a5e0), to(#076ad7));
background-image: linear-gradient(to bottom right, #09a5e0, #076ad7);
color: #fff;
width: 162px;
text-align: center
}
.zhhyyy .container {
padding-top: 10%;
padding-bottom: 10%
}
.zhhyyy .theme {
padding-bottom: 8%
}
.zhhyyy .theme .theme-title-en {
top: 22%
}
.go-btn {
width: 65px;
opacity: 1
}
h3 {
font-size: 18px
}
.zhhyyy-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
height: 250px;
overflow: hidden
}
.zhhyyy-item .zhhyyy-img {
width: 100%;
position: absolute;
bottom: 0
}
.zhhyyy-item .zhhyyy-bg {
background-color: rgba(36, 76, 174, 0.7)
}
.cgalzs .container {
padding-top: 10%;
padding-bottom: 10%
}
.cgalzs .theme {
padding-bottom: 8%
}
.cgalzs .theme .theme-title-en {
top: 22%
}
.cgalzs .theme-title {
z-index: 10
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.nav-tabs .nav-item .nav-title {
margin-left: 0;
font-size: 14px
}
.nav-tabs .nav-item .tab-icon {
width: 35px;
height: auto
}
.nav-tabs .nav-link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.tab {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.tab .tab-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 46%;
flex: 0 0 46%
}
.tab .tab-item .img-box {
height: 170px
}
.tab .tab-item .img-box img {
border-radius: 15px
}
.tab .tab-item:nth-child(2n) {
margin: 48px 0 0 0
}
.tab .tab-item .title {
height: 60px
}
.gyps>.container {
padding-top: 10%;
padding-bottom: 10%
}
.gyps .theme .theme-title-en {
top: 22%
}
.gyps .theme {
padding-bottom: 8%
}
.gyps .theme-title {
z-index: 10
}
.gyps-top-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.gyps-topc-left .des {
padding: 0
}
.gyps-topc-left .gyps-topc-left-content {
padding: 0
}
.gyps-topc-left .gyps-topc-left-content p {
line-height: 1.5em
}
.gyps-topc-left .gyps-topc-left-content img {
padding: 0 0 10px;
width: 210px
}
.gyps-content {
padding: 5px;
margin: 20px 0 0;
bottom: -120px;
height: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.gyps-content .content-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.gyps-content .content-item>div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.gyps-content .content-item img {
width: 35px;
height: auto;
margin-right: 0
}
.gyps-content .content-item .content-data {
font-size: 18px
}
.gyps-content .content-item .content-data b {
font-size: 18px
}
.gyps-content .content-item .content-title {
font-size: 16px
}
.header-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.header-video video {
width: 100%
}
.video-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.gyps-header .ckgd {
bottom: -180px
}
.xwdt {
padding: 10% 0
}
.xwdt .theme .theme-title-en {
top: 22%
}
.xwdt .theme {
padding-bottom: 8%
}
.xwdt .theme-title {
z-index: 10
}
.xwdt .carousel-item .xwdt-img {
min-width: 100%;
height: 350px
}
.xwdt .xwdt-item .date {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start
}
.xwdt .xwdt-item .date .date-big {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.xwdt .xwdt-item .date .date-small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 5px
}
.xwdt .carousel-item .date .date-big {
font-size: 32px
}
.xwdt .carousel-item .date .date-small {
font-size: 14px
}
.xwdt .xwdt-swiper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.xwdt .carousel-indicators {
padding-left: 0;
padding: 0 10px
}
.xwdt .xwdt-content .xwdt-item-ckgd {
margin-top: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.xwdt .xwdt-item .title {
height: 54px;
line-height: calc(54px - 12px);
-webkit-line-clamp: 1
}
.xwdt .xwdt-item .date .date-big {
font-size: 18px
}
.xwdt .xwdt-item a:active {
color: #3e71f3;
border-bottom: 2px solid #3e71f3
}
.lxwm-btn {
width: 173px
}
.lxwm .text {
text-align: left;
font-size: 20px
}
}